// antd(pro)框架主题样式
@import '~antd/es/style/themes/default.less';
// 阿里巴巴 iconfont css
@import '//at.alicdn.com/t/font_2799983_hqtxxj8gp1m.css';
html,
body,
#root {
  height: 100vh;
}

/* 浏览器滚动条样式 */

/* width */

::-webkit-scrollbar {
  width: 6px;
  height: 4px;
}

/* Track */

::-webkit-scrollbar-track {
  background: rgb(255, 255, 255);
  border-radius: 8px;
}

/* Handle */

::-webkit-scrollbar-thumb {
  background-color: #00000030;
  border-radius: 8px;
}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
  background-color: #00000040;
}

.colorWeak {
  filter: invert(80%);
}

canvas {
  display: block;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

ul,
ol {
  list-style: none;
}

@media (max-width: @screen-xs) {
  .ant-table {
    width: 100%;
    overflow-x: auto;
    &-thead > tr,
    &-tbody > tr {
      > th,
      > td {
        white-space: pre;
        > span {
          display: block;
        }
      }
    }
  }
}

// 兼容IE11
@media screen and(-ms-high-contrast: active), (-ms-high-contrast: none) {
  body .ant-design-pro > .ant-layout {
    min-height: 100vh;
  }
}

// 全局样式覆盖
.ant-form-item-label {
  text-align: right;
}

// 表格列表页--条件搜索样式
.ant-search-form {
  .search_btn_group {
    text-align: right;
  }
}

// 表格列表页--表格样式
.ant-table-list {
  margin-top: 20px;
  .table-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
  }
}

.map-modal-div {
  > div {
    width: 100%;
    height: 460px;
  }
}

.picturesWall {
  .ant-upload-list-picture-card .ant-upload-list-item-thumbnail,
  .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
    width: 80px !important;
    height: 80px !important;
  }
}

/* Snow Theme */

.app .ql-snow.ql-toolbar {
  display: block;
  background: #eaecec;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
}

/* Bubble Theme */

.app .ql-bubble .ql-editor {
  border: 1px solid #ccc;
  border-radius: 0.5em;
}

.app .ql-editor {
  min-height: 18em;
}

.themeSwitcher {
  margin-top: 0.5em;
  font-size: small;
}

.noBotMargin {
  margin-bottom: 0 !important;
}

/**  底部 */

.ant-pro-global-footer {
  margin: 0 0 10px 0;
}

.menuHeaderCom {
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  img {
    border-radius: 50%;
  }
}

// proTable组件去除表格名称，将所有按钮靠左显示
.ant-pro-table {
  .ant-pro-table-list-toolbar {
    .ant-pro-table-list-toolbar-container {
      .ant-pro-table-list-toolbar-left {
        display: none;
      }
      .ant-pro-table-list-toolbar-right {
        justify-content: flex-start;
      }
    }
  } // proList组件里的card背景是透明的，统一改为白色
  .ant-card {
    background-color: #fff !important;
  }
}

.loginCon {
  .ant-layout-footer {
    position: fixed;
    bottom: 0;
    left: 50%;
    z-index: 10;
    background: transparent;
    transform: translate(-50%);
  }
}

//登录页面antd-pro组件样式修改。防止全局污染，加了父级类
.rightFormContent {
  .ant-input-affix-wrapper {
    line-height: 2.5 !important;
    border: 0 none !important;
    border-bottom: 1px solid #ebebeb !important;
  }
  .ant-input-affix-wrapper:focus,
  .ant-input-affix-wrapper-focused {
    border-bottom: 1px solid #ff7875 !important;
    box-shadow: none !important;
  }
}

.ant-menu-dark {
  & > .ant-menu-item-only-child.ant-menu-item-selected {
    background-color: transparent !important;
  }
}

// 表单居左包裹类
.keepLeft {
  .ant-form-item-label {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .ant-form-item-control {
    flex: 0 0 80%;
    max-width: 80%;
  }
}

// alert--info组件颜色固定
.ant-alert-info {
  background-color: #e6f7ff !important;
  border: 1px solid #91d5ff !important;
  .ant-alert-icon {
    color: #1890ff !important;
  }
}

// 需要重新赋值的带有 disabled 属性的表单组件包裹元素类名
.readonlyFieldPropsCom {
  .ant-form-item-control .ant-form-item-control-input {
    padding: 5px;
    border: 1px solid #d9d9d9;
    cursor: pointer;
  }
}

// 需要重新赋值的带有 disabled 属性的表单组件包裹元素类名
.disabledFieldPropsCom {
  .ant-form-item-control .ant-form-item-control-input {
    .ant-input-affix-wrapper-disabled {
      background-color: #fff;
    }
    .ant-input-disabled {
      color: #333;
      cursor: pointer;
    }
    .ant-input-disabled[value=''] {
      color: #aaa;
    }
  }
}

.paginationCom {
  margin-top: 46px;
  text-align: right;
}

// 全局type=“link"的按钮样式去除padding
.ant-btn.ant-btn-link {
  padding: 0;
}

// 全局时间选择框宽度100%
.ant-picker {
  width: 100%;
}


/* 文本溢出 */
.ellOneLine {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ellTwoLine {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 2;
}

.ellThreeLine {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 3;
}
